<button class="add-watchlist" [class.active]="btnStatus===allst.ONEON" (click)="toggleOneGroup('add')">
  <i class="fa fa-plus"></i>
  <span>自选</span>
</button>
<button class="add-watchlist btn-grey" [class.active]="btnStatus===allst.ONEOFF" (click)="toggleOneGroup('remove')">
  <i class="fa fa-minus"></i>
  <span>自选</span>
</button>
<button #addWLBtn1 class="add-watchlist" [class.active]="btnStatus===allst.MULTION" (click)="toggleGroupList('btn1')">
  <i class="fa fa-plus"></i>
  <span>自选</span>
</button>
<button #addWLBtn2 class="add-watchlist btn-grey" [class.active]="btnStatus===allst.MULTIOFF" (click)="toggleGroupList('btn2')">
  <i class="fa fa-list-ul"></i>
  <span>自选</span>
</button>
<div class="stock-add-modal" *ngIf="showAddStockModal" (click)="showAddStockModal = false">
    <div class="mini-add-stock" [ngStyle]="{'top.px': placeTop, 'right.px': placeRight}" [class.live-inline]="placement==='liveinline'" (click)="disBubble($event)">
        <div class="top-arrow"></div>
        <div class="group-list" *ngFor="let group of groupLists">
            <input type="checkbox" [attr.id]="group.groupId" ngControl="group" [(ngModel)]="group['checked']" (ngModelChange)="updateGroupNow(group)">
            <!--[ngModelOptions]="{standalone: true}">-->
            <label [attr.for]="group.id">{{group.groupName}}</label>
        </div>
    </div>
</div>